<template>
    <div class="smallLbt">
        <div class="swiper-container" id="smallLbt-swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="javascript:void(0);">
                        <img src="../../assets/images/home/xia.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:void(0);">
                        <img src="../../assets/images/home/xia.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:void(0);">
                        <img src="../../assets/images/home/xia.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:void(0);">
                        <img src="../../assets/images/home/xia.png" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    // import Swiper from "swiper/dist/js/swiper.min"
    // import "swiper/dist/css/swiper.min.css"

    import Swiper from "swiper"

    import "../../../public/lib/jquery/jquery.min"

    export default {
        name: "sangelbt",
        methods: {
            swiperInit() {
                var mySwiper = new Swiper('#smallLbt-swiper-container', {
                    slidesPerView: 3,
                    slidesPerGroup: 1,
                    loop:true,
                    // loopFillGroupWithBlank: true,
                    centerInsufficientSlides: true,
                    autoplay: {
                        delay: 1000,
                        stopOnLastSlide: false,
                        disableOnInteraction: true,
                    }
                })
            }
        },
        mounted() {
            this.swiperInit()
        },
        created() {
            // this.swiperInit()
        }
    }
</script>

<style lang="less" scoped>
    /*.swiper-slide1,*/
    /*.swiper-slide2,*/
    /*.swiper-slide3,*/
    /*.swiper-slide4 {*/
    /*width: 401px;*/
    /*height: 435px;*/
    /*!*background: url("../../assets/images/home/xia.png") no-repeat center center;*!*/
    /*!*background-size: cover;*!*/
    /*}*/
    /*.smallLbt {*/

    /*.san-box {*/
    /*float: left;*/
    /*margin-right: 10px;*/
    /*}*/
    /*}*/
    /*.smallLbt {*/
    /*overflow: hidden;*/
    /*height: 435px;*/

    /*img {*/
    /*float: left;*/
    /*margin-right: -10px;*/
    /*animation: lbt 10s linear infinite;*/
    /*}*/

    /*@keyframes lbt {*/
    /*from {*/
    /*transform: translateX(0);*/
    /*}*/
    /*to {*/
    /*transform: translateX(-1740px);*/
    /*}*/
    /*}*/
    /*}*/

    #smallLbt-swiper-container {
        .swiper-wrapper {
            .swiper-slide {
                /*width: 401px !important;*/

                a {
                    /*display: block;*/
                    /*width: 401px;*/
                    /*height: 435px;*/

                    img {
                        /*display: block;*/
                        /*width: 100%;*/
                    }
                }
            }
        }
    }

</style>
